<template>
  <div>
    <ordinary-select-box ref="ordinarySelectBox"/>

    <time-select-box ref="timeSelectBox"/>

    <high-level-select-box ref="highLevelSelectBox"/>

    <user-and-dept-select-box ref="userAndDeptSelectBox" />

    <div style="margin-bottom: 100px"></div>

    <footer-tool-bar>
      <a-button @click="() => {this.$router.go(-1);}" type="cancel">返回</a-button>
    </footer-tool-bar>
  </div>
</template>

<script>
import FooterToolBar from '@/components/FooterToolbar'

import ordinarySelectBox from './OrdinarySelectBox'
import timeSelectBox from './TimeSelectBox'
import highLevelSelectBox from './HighLevelSelectBox'
import userAndDeptSelectBox from './userAndDeptSelectBox'

export default {
  name: 'Index',
  components: {
    FooterToolBar,
    ordinarySelectBox,
    timeSelectBox,
    highLevelSelectBox,
    userAndDeptSelectBox
  }
}
</script>

<style scoped>
</style>
